<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Inline page floats</title>
  <style>
    @page {
      size: 800px;
    }
    :root {
      column-count: 2;
      column-rule: 1px black solid;
    }
    section {
      page-break-after: always;
    }
    .float {
      background: rgba(255, 0, 0, 0.3);
      padding: 5px;
      border: blue solid 3px;
      margin: 3px;
      height: 90%;
    }
    .long {
      height: 94%;
    }
    .column-float {
      float-reference: column;
    }
    .page-float {
      float-reference: page;
    }
    .inline-start {
      float: inline-start;
    }
    .inline-end {
      float: inline-end;
    }
  </style>
</head>
<body>
<section>
  Inline size of inline page floats should be fit-content (shrink-to-fit) inline size.
  <div class="float column-float inline-start">col<br>start<br>1</div>
  <div class="float page-float inline-start">page<br>start<br>2</div>
  <div class="float column-float inline-end">col<br>end<br>3</div>
  <div class="float page-float inline-end">page<br>end<br>4</div>
  <div class="float column-float inline-end">col<br>end<br>5</div>
  <div class="float column-float inline-start">col<br>start<br>6</div>
  <div class="float column-float inline-end">col<br>end<br>7</div>
  <div class="float page-float inline-start">page<br>start<br>8</div>
</section>
<section>
  Inline size of inline page floats should be fit-content (shrink-to-fit) inline size.
  <div class="float long column-float inline-start">col<br>start<br>1</div>
  <div class="float long page-float inline-start">page<br>start<br>2</div>
  <div class="float long column-float inline-end">col<br>end<br>3</div>
  <div class="float long page-float inline-end">page<br>end<br>4</div>
  <div class="float long column-float inline-end">col<br>end<br>5</div>
  <div class="float long column-float inline-start">col<br>start<br>6</div>
  <div class="float long column-float inline-end">col<br>end<br>7</div>
  <div class="float long page-float inline-start">page<br>start<br>8</div>
</section>
</body>
</html>
